<h2>Crear Orden de Servicio</h2>
<!--Este select es usado por en la función javascript nuevo_tr_tabla()     -->
<!--para obtener los valores de este y cargarlo en la función autocompletar-->
<select id="sel_prov" style="display: none">
    <?php foreach ($proveedores as $proveedor): ?>
    <option id="opt_prov"><?php echo $proveedor->getNombre(); ?></option>
    <?php endforeach; ?>
</select>

<script type="text/javascript" charset="utf-8">
    tablajQuery("tabla_os");
</script>

<!--formulario que contiene la tabla para generar la Orden de Servicio-->
<form name="form_os" method="post" onSubmit="return confirm('Los datos ingresados están correctos.\n¿Continuar?');" style="text-align: center; border-collapse:collapse;" >
  <div style="text-align: left;">
    <input type="button" value="+" style="width: 20px" onClick="nuevo_tr_tabla('tabla_os','#sel_tipo_os1','#opt_tipo_os1','#sel_tipos_unidad1','#opt_tipo_unidad1');contar_items();"/>
    <b>Agregar Item</b>
    <input type="button" value="-" style="width: 20px" onclick="eliminar_tr_tabla('tabla_os','tr_tabla_os');contar_items();"/>
    <b>Eliminar Item</b>
    <table id="tabla_os" border="1" style="empty-cells:show;border-spacing:0.1em 0.1em;border-collapse:collapse;text-align:center;">
      <caption>Solicitudes</caption>
      <tr>
        <th>Item</th>
        <th>Cantidad</th>
        <th>Unidad</th>
        <th>Descripción</th>
        <th>Proveedor Sugerido</th>
        <th>Costo Referencia</th>
        <th>Fecha de Cierre</th>
        <th>Tipo Solicitud</th>
      </tr>

      <tr>
        <td><b>1</b></td>
        <td><input align="right" maxlength="6" size="2" id="cant1" name="cant1" type="text" onkeypress='validate(event)' onpaste="return false;"/></td>
        <td id="td_tipo_unidad1">
            <select id="sel_tipos_unidad1" name="sel_tipos_unidad1">
                <?php foreach ($tipos_unidad as $unidad): ?>
                <option id="opt_tipo_unidad1" value=<?php echo $unidad->getTipoUnidad(); ?> >  <?php echo $unidad->getTipoUnidad(); ?> </option>
                <?php endforeach; ?>
            </select>
        </td>
        <td><input id="desc1" name="desc1" type="text" maxlength="30" size="15" /></td>
        <td><input id="prov_sug1" name="prov_sug1" type="text" maxlength="30" size="15"/></td>
        <td><input id="cost_sug1" name="cost_sug1" type="text" maxlength="8" size="7" onkeypress='validate(event)' onpaste="return false;"/></td>
        <td><input id="f_sol1" name="f_sol1" type="text" maxlength="10" size="6" class="date-pick" readonly="true"/></td>
        <td id="td_tipo_os1">
            <select id="sel_tipo_os1" name="sel_tipo_os1">
                <?php foreach ($tipos_solicitudes_os as $tipo): ?>
                <option id="opt_tipo_os1" value=<?php echo $tipo->getTipo(); ?> >  <?php echo $tipo->getTipo(); ?> </option>
                <?php endforeach; ?>
            </select>
        </td>
      </tr>
    </table>

    <script type="text/javascript">llenar_prov_sug('#prov_sug1');</script>
    <b>Observaciones </b><br/><textarea ondblclick="this.focus()" id="obs_os" name="obs_os" onkeyPress="return limitar_textarea(this.value,event,140)" rows="2" cols="70" lang="spa">Sin Observaciones</textarea>
  </div>
  <br/><br/>
  <input type="submit" name="bt_enviar" value="Enviar Orden de Servicio" onclick="return campoVacio();"/>

  <input type="text" id="num_item_tabla_os" name="num_item_tabla_os" value="1" style="display: none" />
</form>
<br><br>

<script type="text/javascript" charset="utf-8">
    cargar_calendario();
</script>